<template>
  <el-dialog title="商品详情" v-model="detailsVisible" @close="visibleChange">
    <el-descriptions :column="1" :border="true">
      <el-descriptions-item label="商品卡种：" min-width="100px"
        >京东e卡</el-descriptions-item
      >
      <el-descriptions-item label="商品面值：">100元</el-descriptions-item>
      <el-descriptions-item label="商品说明："
        >【卡号/卡密规则】卡号为19位，卡密为6位；因卡号/卡密或者面值填写错误导致的损失后果自负！【卡号/卡密规则】卡号为19位，卡密为6位；因卡号/卡密或者面值填写错误导致的损失后果自负！</el-descriptions-item
      >
      <el-descriptions-item label="用户说明：" />
    </el-descriptions>
  </el-dialog>
</template>

<script setup name="GoodsDetails">
import { onMounted } from "vue";

const props = defineProps({
  detailsVisible: {
    type: Boolean,
    default: false
  },
  chooseId: {
    type: String,
    default: "-1"
  }
});
// eslint-disable-next-line vue/no-setup-props-destructure
const detailsVisible = props.detailsVisible.value;
// eslint-disable-next-line vue/valid-define-emits
const emit = defineEmits();

// 关闭弹框
const visibleChange = () => {
  emit("visibleChange");
};

onMounted(() => {
  console.log(props);
});
</script>
